<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
	pageEncoding="ISO-8859-1"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link rel="shortcut icon" href="../favicon.ico" type="image/x-icon" />
<link rel="stylesheet" href="css/style.css" type="text/css"
	media="screen" />
<title>Header</title>
<script type="text/javascript" src="js/validate.js"></script>
<script type="text/JavaScript" src="js/ajax.js"></script>
<script type="text/JavaScript" src="js/navigation.js"></script>
<script type="text/JavaScript" src="js/process.js"></script>
<script type="text/JavaScript" src="js/swfobject.js"></script>
<script type="text/javascript"
	src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript" src="js/jquery.easing.1.3.js"></script>
<script type="text/JavaScript" src="js/menu.js"></script>
<style>
span.reference {
	position: fixed;
	left: 10px;
	bottom: 10px;
	font-size: 12px;
}

span.reference a {
	color: #aaa;
	text-transform: uppercase;
	text-decoration: none;
	text-shadow: 1px 1px 1px #000;
}

span.reference a:hover {
	color: #ddd;
}

ul.sdt_menu {
	margin-top: 20px;
}
</style>
</head>
<body>
	<script>
		setInterval('autorefreshmsg()', 10000);
		setInterval('showTime()', 1000);
		setInterval('handleNavigation()', 300);
	</script>
	<table width="100%" height="100%">
		<tr>
			<td width="50%"><a href="#"><img src="Images/maintitle.png"
					alt="Online Ticket Booking" width="500px" height="80px" /></a></td>
			<td id="messagebar" width="50%">
				<table width=100% height="100%">
					<tr>
						<td width="200px" align="left" id="messageleft" valign="bottom"></td>
						<td width="250px" align="center" id="messagecenter"
							valign="bottom"></td>
						<td id="messageright" align="left" valign="bottom"></td>
					</tr>
				</table>
		<tr>
			<td colspan="2">
				<center>
					<div class="content">
						<ul id="sdt_menu" class="sdt_menu">
							<li><a href="#"> <img src="Images/home.jpg" alt="Home" />
									<span class="sdt_active"></span> <span class="sdt_wrap">
										<span class="sdt_link">HOME</span> <span class="sdt_descr">Main
											Page</span>
								</span>
							</a></li>


							<li><a href="#"> <img src="Images/login.png" alt="Login" />
									<span class="sdt_active"></span> <span class="sdt_wrap">
										<span class="sdt_link">LOGIN</span> <span class="sdt_descr">Registered
											Users</span>
								</span>
							</a></li>


							<li><a href="#"> <img src="Images/registration.jpg"
									alt="Registration" /> <span class="sdt_active"></span> <span
									class="sdt_wrap"> <span class="sdt_link">REGISTER</span>
										<span class="sdt_descr">New Users</span>
								</span>
							</a></li>


							<li><a href="#"> <img src="Images/movies.jpg"
									alt="Recent Releases" /> <span class="sdt_active"></span> <span
									class="sdt_wrap"> <span class="sdt_link">Movies</span> <span
										class="sdt_descr">Upcomings</span>
								</span>
							</a>
								<div class="sdt_box">
									<a href="#">English</a> <a href="#">Hindi</a> <a href="#">Telugu</a>
								</div></li>


							<li><a href="#"> <img src="Images/Event.jpg"
									alt="Events" /> <span class="sdt_active"></span> <span
									class="sdt_wrap"> <span class="sdt_link">EVENTS</span> <span
										class="sdt_descr">Happenings</span>
								</span>
							</a></li>

							<li><a href="#"> <img src="Images/Booking.png"
									alt="Home" /> <span class="sdt_active"></span> <span
									class="sdt_wrap"> <span class="sdt_link">BOOKING</span>
										<span class="sdt_descr">Seat Availability</span>
								</span>
							</a></li>

						</ul>
					</div>
				</center>
			</td>
		</tr>
	</table>
</body>
</html>
